<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>通过选择器获得元素</title>
</head>
<body>
<div class="box">box1</div>
<div class="box">box2</div>
<div class="box">box3</div>
<script>
  //根据选择器获得第一个元素(在文档流中获得) 参数 选择器的类型 类选择器 要带. id选择器要带# 找不到要返回null
  var ele = document.querySelector('.box');
  console.log(ele);
  //根据选择器获取所有的选择器 返回值是一个伪数组
  var eles = document.querySelectorAll('.box');
  console.log(eles);
</script>
</body>
</html>